
.coupon_item {
  margin-top: 0;
}

.coupon_item.active {
  margin-top: 95rpx;
}

.columnHL {
  height: 75rpx;
  line-height: 95rpx;
  text-align: center;
}

.columnHL .name {
  font-size: 28rpx;
  color: #333;
}

.act_content {
  width: 100%;
  display: block;
  background: #f1f1f1;
  padding-bottom: 20rpx;
}

.cashCoupon {
  position: relative;
  border-radius: 0 0 16rpx 16rpx;
  overflow: hidden;
}

.mymake {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  background: rgba(255, 255, 255, 0.0);
}

.my__coupon {
  /* padding: 20rpx 0; */
  position: relative;
  z-index: 1;
  
  /* margin-top: -20rpx; */
}

.myrefresh {
  height: 100%;
}

.my__coupon .coupon {
  height: 190rpx;
  display: -webkit-box;
  display: flex;
  position: relative;
  margin-top: 40rpx;
  padding: 0 15rpx 0 28rpx;
  flex-flow: row nowrap;
  align-items: center;
}

.my__coupon .coupon.transparent {
  opacity: 0.4;
}

.coupon_outdate .coupon__r {
  background-color: #bbb;
}

.coupon__l {
  width: 80rpx;
  height: 180rpx;
  line-height: 40rpx;
  text-align: center;
  border-top-left-radius: 10rpx;
  border-bottom-left-radius: 10rpx;
  color: #fff;
  font-size: 32rpx;
  align-self: flex-end;
  writing-mode: lr-tb;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.coupon__r {
  -webkit-box-flex: 1;
  flex: 1;
  color: #000;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 20rpx;
}

.coupon__r .coupon__desc {
  font-size: 26rpx;
  line-height: 28rpx;
}

.coupon__r .coupon__content {
  display: flex;
  flex-flow: row nowrap;
  /* max-height: 340rpx; */
  padding-top: 22rpx;
  height: 108rpx;
  align-items: flex-start;
  /* align-items: center; */
}

.coupon__r .coupon__content .coupon__price {
  font-size: 48rpx;
  color: #e8313c;
  letter-spacing: -10rpx;
  white-space: nowrap;
  line-height: 70rpx;
}

.coupon__r .coupon__content .coupon__price text {
  color: #e8313c;
  font-size: 80rpx;
  letter-spacing: -8rpx;
}
.coupon__r .coupon__content .coupon__price .orprice {
  font-size: 24rpx;
  color: #CECECE;
  margin-top: -4rpx;
  line-height: 34rpx;
  text-decoration: line-through;
  letter-spacing: 0;
  text-align: center;
}
.coupon__r .coupon__content .coupon__discount {
  font-size: 28rpx;
  color: #e8313c;
  white-space: nowrap;
  margin-left: 10rpx;
  line-height: 80rpx;
}

.coupon__r .coupon__content .coupon__discount text {
  color: #e8313c;
  font-size: 80rpx;
  letter-spacing: 0rpx;
}

.coupon__r .coupon__content .mydesc {
  margin-left: 20rpx;
}

.coupon__r .mydesc .coupon__tit {
  font-size: 28rpx;
  line-height: 36rpx;
  color: #550508;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 245rpx;
}

.coupon__r .mydesc .coupon__sub {
  font-size: 24rpx;
  color: #550508;
  line-height: 36rpx;
  /* max-width: 245rpx; */
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 6rpx;
}

.coupon__r .coupon_term {
  font-size: 24rpx;
  color: #550508;
  margin-top: 10rpx;
}

.coupon_abs {
  width: 60rpx;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.coupon_abs image {
  width: 100rpx;
  height: 86rpx;
}

.coupon_abs .mybtn {
  width: 52rpx;
  height: 150rpx;
  color: #fff;
  text-align: center;
  border-radius: 10rpx;
  font-size: 28rpx;
  line-height: 1;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  border: 1rpx solid rgba(0, 0, 0, 0);
}

.coupon_abs .mybtn.coupon_btn {
  background: #e8313c;
}
.coupon_abs .mybtn.coupon_btn .price {
  flex-flow: column nowrap;
}
.coupon_abs .mybtn.coupon_btn .price text {
  line-height: 1.2;
}
.coupon_abs .mybtn.coupon_btn .price.vbi text {
  line-height: 1;
  font-size: 26rpx;
}
.coupon_abs .mybtn.coupon_btn .price image {
  width: 32rpx;
  height: 30rpx;
}
.coupon_abs .mybtn.use_btn {
  background: #fff;
  border: 1rpx solid #e8313c;
  color: #e8313c;
}

.coupon_abs .mybtn.pastTime {
  background: #6e4c09;
}

.coupon_abs .mybtn.pastTime.used_btn {
  background: #808080;
}

.coupon_logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.coupon_logo .img_nav {
  width: 124rpx;
  height: 124rpx;
}
.coupon_logo .price {
  /* color: #bea822;
  font-size: 24rpx;
  line-height: 1.2; */
  margin-top: 10rpx;
  display: inline-block;
  font-size: 18rpx;
  line-height: 26rpx;
  padding: 4rpx 22rpx;
  background: #FFDA00;
  border-radius: 17rpx;
  color: #FF7400;
}
.coupon__tit, .coupon__notice {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.coupon__r span {
  font-size: 24rpx;
}
.securities {
	position:relative;
	background: url('https://wq.senwellzy.cn/Public/Images/h5shop/couponlist_back.png') no-repeat;
	background-size: 100% 190rpx;
}
.securities .coupon_bottom {
  background: #ffffff;
  vertical-align: top;
  border-radius: 0 0 10rpx 10rpx;
  padding: 0 20rpx;
}
.securities .coupon_bottom .coupon_nav {
  border-top: 1rpx dashed #dedede;
  width: 100%;
  padding: 10rpx 0;
  
  
}
.securities .coupon_bottom .coupon_nav .con {
  // max-height: 34rpx;
  overflow: hidden;
}
.securities .coupon_bottom .coupon_nav .txt {
  font-size: 24rpx;
  color: #808080;
  line-height: 34rpx;
  flex: 1;
  margin-right: 30rpx;

}

.securities .coupon_bottom .coupon_nav .con.active {
  max-height: 1000rpx;
}

.securities .coupon_bottom .coupon_nav .con.active .txt{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  overflow: hidden;
}

.securities .coupon_bottom .myarrow {
  padding-right: 18rpx;
  position: relative;
  padding-top: 36rpx;
  
}

.securities .coupon_bottom .myarrow:after {
  content: " ";
  display: inline-block;
  height: 12rpx;
  width: 12rpx;
  border-width: 2rpx 2rpx 0 0;
  border-color: #808080;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -8rpx;
  right: 20rpx;
  transition: all 0.5s;
}

.securities .coupon_bottom .myarrow.active:after {
  transition: all 0.5s;
  transform: rotate(135deg);
}
.undata {
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  color: #808080;
  margin-top: 30rpx;
  font-size: 32rpx;
}

.modal-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-dialog {
  width: 540rpx;
  overflow: hidden;
  z-index: 9999;
  background: #f9f9f9;
  border-radius: 5rpx;
}

.modal-title {
  padding-top: 30rpx;
  font-size: 32rpx;
  color: #030303;
  text-align: center;
}

.modal-content {
  padding: 20rpx 32rpx;
  font-size: 28rpx;
}

.modal-footer {
  display: flex;
  flex-direction: row;
  height: 86rpx;
  border-top: 1px solid #dedede;
  font-size: 34rpx;
  line-height: 86rpx;
}

.btn-cancel {
  width: 50%;
  color: #abb4bd;
  text-align: center;
  border-right: 1px solid #dedede;
}

.btn-confirm {
  width: 50%;
  color: #6fb64b;
  text-align: center;
  font-weight: 500;
}

.comp_list {
  margin-top: 10rpx;
  padding: 0 30rpx;
	
	.comp_item {
	  position: relative;
		.comp_header {
		  width: 100%;
		  border-radius: 16rpx 16rpx 0 0;
		  overflow: hidden;
		  margin-top: 40rpx;
			.order {
			  height: 180rpx;
			  padding: 0 26rpx;
			  background: rgba(0, 0, 0, 0.5);
				.logo {
				  width: 94rpx;
				  height: 94rpx;
				  border: 4rpx solid rgba(255, 255, 255, 0.5);
				  border-radius: 50%;
				  overflow: hidden;
					.logo_img {
					  width: 94rpx;
					  height: 94rpx;
					  overflow: hidden;
					}
				}
				.order_con {
				  margin-left: 20rpx;
					.order_tit {
						.tit {
						  font-size: 36rpx;
						  color: #fff;
						  overflow: hidden;
						  text-overflow: ellipsis;
						  white-space: nowrap;
						  flex: 1;
						}
						
						.arrow {
						  padding-right: 26rpx;
						  position: relative;
							&:after {
								content: " ";
								display: inline-block;
								height: 18rpx;
								width: 18rpx;
								border-width: 4rpx 4rpx 0 0;
								border-color: #fff;
								border-style: solid;
								transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
								position: absolute;
								top: 50%;
								margin-top: -8rpx;
								right: 20rpx;
								transition: all 0.5s;
							}
							&.active:after {
								transition: all 0.5s;
								transform: rotate(135deg);
							}
						}
					}
					.order_num {
					  font-size: 30rpx;
					  color: #fff;
					}
				}
			}
		}
	}
}





